<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>我的积分</title>
    <link rel="stylesheet" type="text/css" href="css/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/loading.css"/>
    <link rel="stylesheet" type="text/css" href="css/base.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link rel="stylesheet" href="css/mui.css" />
    <script type="text/javascript" src="js/mui.js" ></script>
  
    <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    	$(window).load(function(){
    		$(".loading").addClass("loader-chanage")
    		$(".loading").fadeOut(300)
    	})
    	function create15(){
    		var w = plus.webview.create("integral.html");
    		w.show();
    	}
    </script>
    <style type="text/css">
    	body{
    		background-position: center;
    		background-image: url(images/wodejifen.jpg);
    		background-size: 100%;
    		background-position: top;
    	}
		* {		  
		-webkit-box-sizing: border-box; 
		-moz-box-sizing:    border-box; 
		box-sizing:         border-box; 
		margin: 0;
		padding: 0;
		}
		.nav {
		  list-style: none;
		  text-align: center;
		}
		.nav li {
		  position: relative;
		  display: inline-block;
		  margin-right: -4px;
		}
		.nav li:before {
		  content: "";
		  display: block;
		  border-top: 1px solid #C2C2C2;
		  border-bottom: 1px solid #000000;
		  width: 100%;
		  height: 1px;
		  position: absolute;
		  top: 50%;
		  z-index: -1;
		}
		.nav a:link, .nav a:visited {
		  display: block;
		  text-decoration: none;
		  background-color: #f7f7f7;
		  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
		  background-image: -webkit-linear-gradient(top, #f7f7f7, #e7e7e7); 
		  background-image: -moz-linear-gradient(top, #f7f7f7, #e7e7e7); 
		  background-image: -ms-linear-gradient(top, #f7f7f7, #e7e7e7); 
		  background-image: -o-linear-gradient(top, #f7f7f7, #e7e7e7); 
		  color: #000;
		  margin: 36px;
		  width: 144px;
		  height: 144px;
		  position: relative;
		  text-align: center;
		  line-height: 144px;
		  border-radius: 50%;
		  box-shadow: 0px 3px 8px #929292, inset 0px 2px 3px #fff;
		  border: solid 1px transparent;
		}
		.nav a:before {
		  content: "";
		  display: block;
		  /*background: #fff;*/
		  border-top: 2px solid #ddd;
		  position: absolute;
		  top: -18px;
		  left: -18px;
		  bottom: -18px;
		  right: -18px;
		  z-index: -1;
		  border-radius: 50%;
		  box-shadow: inset 0px 8px 48px #ddd;
		}
		.nav a:active {
		  box-shadow: none;
		  border: solid 1px #a7a7a7;
		}
		.nav a:hover {
		  text-decoration: none;
		  color: #555;
		  background: #f5f5f5;
		}
		#wodejifen_li_01{
			margin-top: 45%;
		}
		#wodejifen_li_02{
			margin-top: 10%;
			color: #fff;
			  
			text-align: center;
			font-size: 23px;
			
		}
		#wodejifen_span_01{
			color: #FFF;
			font-size: 50px;
		}
		#wodejifen_a_01{
			background: transparent;
		}
    </style>
</head>
<body>
	<div class="loading">
		<div class="loader">
	        <div class="loader-inner pacman">
	          <div></div>
	          <div></div>
	          <div></div>
	          <div></div>
	          <div></div>
	        </div>
		</div>
	</div>
	<header class="mui-bar mui-bar-nav">
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	    <h1 class="mui-title">我的积分</h1>
	</header>

  <nav>
  	<!--<div>-->
	    <ul class="nav">
	        <li id="wodejifen_li_01" onclick="create15()">
	          <a href="#" id="wodejifen_a_01">
	            <span id="wodejifen_span_01">20</span>
	          </a>
	      	</li>
	    </ul>
	    <ul>
	    	<li id="wodejifen_li_02">积分</li>
	    </ul>
    <!--</div>-->
</nav>
<!--<div style="text-align:center;clear:both">
</div>-->
</body>
</html>